import styled from 'styled-components'

export const DiscoverWrap = styled.div `

    .top-list{
        height: 30px;
        background-color: #C20C0C;

        .top-menu{
            display: flex;
            line-height: 27px;
            padding-left: 183px;
            .item{
                &:hover em,
                &.active em{
                    background-color: #9B0909;
                }
                :nth-child(3){
                    position: relative;
                    :after{
                        position: absolute;
                        display: block;
                        content: "";
                        width: 8px;
                        height: 8px;
                        background: url("https://s2.music.126.net/style/web2/img/white-r-icon@3x.png?94a34b8dd6ed7ce360611053727902b6") no-repeat;
                        background-size:cover;
                        right: 22px;
                        top: 4px;
                    }
                }
                a{
                    display: block;
                    color: #FFFFFF;
                    width: 100%;
                    text-decoration: none;
                    em{
                        display: block;
                        height: 20px;
                        line-height: 20px;
                        margin: 2px 17px ;
                        padding: 0 13px;
                        border-radius: 20px;
                    }
                }
            }
        }
    }
`